<template>
    <div class="app">
      <router-view/>
    </div>
</template>
<script setup>
import {ref, provide , onMounted } from 'vue';
import useSymbols from './compostions/useSymbols';
import useIndexFun from './compostions/useIndexFun.js';

const appHeightRef = ref(0);
const store = useIndexFun();

provide(useSymbols, {
  ...store,
});

onMounted(() => {
  store.initSystem('.app');
})
</script>
<style scoped lang="less">
.app{
  --login-primary-color: #18204b;
   // 系统色（小标题标题色、nav选中字体色、确认按钮背景色、titleBar底色）
   --system-primary-color: #5768e7;
  // 按钮选中的背景色（nav按钮，日历选中背景色）
  --system-active-bg-color: #f1f6fe;
  // titleBar高度
  --title-bar-height: 30px;
  // 一级标题颜色
  --first-level-title-color:#353535;
  // 二级标题颜色
  --sub-level-title-color:#656565;
  // 简介、描述、正文颜色
  --content-color:#888;
  // 日期颜色
  --date-color:#9e9e9e;
  
  // height: 100vh;
  height: 100%;
  overflow-y: hidden;
  &::-webkit-scrollbar {
          display: none;
        }
}
</style>
